/**
 * Created by msi on 2016/11/21.
 */

//ajax公用模板
var mydata;
function ajax(url,callback){
    if(mydata){
        return false;
    }
    $.ajax({
        url:url,
        type:"get",
        dataType:"json",
        success: function (data) {
            mydata= data;
            callback&&callback(data);
        },
        error: function (data) {
            alert("服务器端错误");
        }
    })
}

//嗨淘商品异步加载
$(function () {
    //点击加载更多,请求数据
    $(".Ht_clickMore").on("click",function(){

        ajax(URL.getmoneyctrl,function(data){
                $.each(data.result, function (i,v) {
                    v.productComCount =  /\d/g.exec(v.productComCount);
                    console.log(v.productComCount[0]);//匹配评论数字部分并渲染到页面中
                })
            var html = template('Ht_main_art', data);
            $(".Ht_goods").append(html);
            $(".Ht_goods").find("li").on("click", function () {
                var scrollT = $(this)[0].offsetTop;
                //console.log(scrollT);
                var id =$(this).attr("id");//获取点击商品对应的ID，传入详情页
                //console.log(id);
                //点击商品列表异步加载详情页
                $.ajax({
                    type:"get",
                    dataType:"json",
                    url:URL.getmoneyctrlproduct,
                    data:{"productid":id},
                    success:function(data){
                        //console.log(data.result[0]);
                        var html = template("detail_art",data);
                        $(".Ht_detail").html(html);

                        //点击详情页左侧滑动按钮，页面滑动到海淘主题
                        $(".Ht_d_top>span").on("click",function(){
                            $(".Ht_detail").animate({
                                "transform":"translateX(-100%)",
                            },300,"ease",function(){})
                        })
                    },
                    error: function () {
                        alert("服务器端错误，请联系管理员");
                    }
                })
                //详情页右侧划出
                $("body").animate({
                    "transform": "translateX(-0%)",
                    "-webkit-transform": "translateX(-0%)",
                },500,"ease-in-out",function(){});

                //详情页划出
                $(".Ht_detail").animate({
                    "transform":"translateX(0%)",
                },300,"ease",function(){})

                $(".Ht_detail").css({
                    position:"absolute",
                    top:scrollT+"px",
                    left:0,
                    zIndex:13,
                })

            })

        })

       //点击加载更多消失，
        $(".Ht_clickMore").css(
            {"display":"none"}
        )
    })
    //页面滚动到一定位置，请求后台数据
    $(window).on("scroll", function () {
        var dist = document.body.scrollTop;
        console.log(dist);
        if(dist>=240){
            $(".Ht_clickMore").animate({
                "opacity":0,
            },10000,"ease");

                ajax("http://127.0.0.1:9090/api/getmoneyctrl",function(data){
                    $.each(data.result, function (i,v) {
                        v.productComCount =  /\d/g.exec(v.productComCount);
                        //console.log(v.productComCount[0]);//匹配评论数字部分并渲染到页面中
                    })
                    var html = template('Ht_main_art', data);
                    $(".Ht_goods").append(html);

 //点击商品列表，获取详情
                    //console.log($(".Ht_goods").find("li"));获取到所有的li
                    $(".Ht_goods").find("li").on("click", function () {
                        var scrollT = $(this)[0].offsetTop;
                        //console.log(scrollT);
                        var id =$(this).attr("id");//获取点击商品对应的ID，传入详情页
                        //console.log(id);
                        //点击商品列表异步加载详情页
                        $.ajax({
                            type:"get",
                            dataType:"json",
                            url:"http://127.0.0.1:9090/api/getmoneyctrlproduct",
                            data:{"productid":id},
                            success:function(data){
                                //console.log(data.result[0]);
                                var html = template("detail_art",data);
                                $(".Ht_detail").html(html);

                                //点击详情页左侧滑动按钮，页面滑动到海淘主题
                                $(".Ht_d_top>span").on("click",function(){
                                    $(".Ht_detail").animate({
                                        "transform":"translateX(-100%)",
                                    },300,"ease",function(){});
                                    //去掉遮罩层
                                    $("body").removeClass("Ht_mask");
                                })

                                //点击详情页大拇指
                                $(".circle").on("click", function () {
                                    //console.log($(this).index());
                                    $(this).css({
                                        "color":"red",
                                    }).siblings().css({"color":"black"});
                                    var num = $(this).find("span").text();
                                   var x= Number(num);
                                    x++;
                                    if(x>=1){
                                        x=1;
                                    }
                                    $(this).find("span").text(x);
                                })
                            },
                            error: function () {
                                alert("服务器端错误，请联系管理员");
                            }
                        })
                        //详情页右侧划出
                        $("body").animate({
                            "transform": "translateX(-0%)",
                            "-webkit-transform": "translateX(-0%)",
                        },500,"ease-in-out",function(){});

                        //详情页划出
                        $(".Ht_detail").animate({
                            "transform":"translateX(0%)",
                        },300,"ease",function(){})

                        $(".Ht_detail").css({
                            position:"absolute",
                            top:scrollT+"px",
                            left:0,
                            zIndex:101,
                        });

                        //body背景添加遮罩层
                        $("body").addClass("Ht_mask");


                    })
                })
        }else{
            $(".Ht_clickMore").css({
                "opacity":1,
            });
        }
    })

})

//点击侧边栏搜索按钮后,右侧划出事件
$(".Ht_header .fa-search").on("click", function () {
    $("body").animate({
        "transform": "translateX(-100%)",
    "-webkit-transform": "translateX(-100%)",
    },500,"ease-in-out",function(){
        $(".Ht_r_search").focus();//执行完毕获取焦点
    });
    $(".Ht_rightside").css({
        "zIndex":100,
    })
    return false;
})

//右边栏左箭头点击回到海淘
$(".Ht_rightside .Ht_r_top").find(".fa-angle-left").on("click", function () {
    $("body").animate({
        "transform": "translateX(0%)",
        "-webkit-transform": "translateX(0%)",
    },500,"ease-in",function(){})
    $(".Ht_rightside").css({
        "zIndex":12,
    })
})

//右边侧边栏搜索框内折扣事件
$(function () {
   $(".Ht_r_discount").on("click",function(){
       //点击折扣，箭头切换方向
       $(".Ht_r_discount").find(".fa-angle-right").toggleClass("fa-rotate-90");
       //底部隐藏框显示
        $(".Ht_r_disbox").animate({
            "opacity":1,
            "height":"4.26rem",
        },300,"linear")
   })
});

//点击进入嗨淘时，刷新页面
$(function () {
    $(".Ht_maskcontent s").animate({
        "width":"50px",
    },2000,"ease")
    setTimeout(function(){
        $(".Ht_mask").css({
            "display":"none",
        })
    },500)

})